<template>
	<view class="warp">
		<u-row gutter="30rpx" v-for="item in personList" :key="item.date" align="center">
			<u-col span="12">
				<view class="bg-purple demo-layout" style="padding-left: 20rpx;">
					<text>{{item.name}}</text>
					<text>{{item.sex}}</text>
					<text>{{item.setmeal}}</text>
					<text>{{item.date}}</text>
					<navigator url="" open-type="reLaunch" style="position: relative;top: -100rpx;left: 520rpx;font-size: 40rpx;font-weight: bold;">
						查看
					</navigator>
					
				</view>
			</u-col>
		</u-row>
		
	</view>
</template>

<script>
import { parseTime } from '../../utils/tool'
	export default {
		methods:{
			test(){
				console.log(111)
			}
		},
		data() {
			return {
				personList:[
					{
						name:'xxx',
						date:parseTime(new Date()),
						sex:"xxx",
						setmeal:'xxx'
					},
					{
						name:'xxx',
						date:parseTime(new Date()),
						sex:"xxx",
						setmeal:'xxx'
					},
					{
						name:'xxx',
						date:parseTime(new Date()),
						sex:"xxx",
						setmeal:'xxx'
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.custom-style{
		width: 40%;
		color: #6a6a6a;
	}
	.warp{
		padding: 30rpx;
		display: flex;
		flex-direction: column;
		
	}
	.demo-layout {
		/* width: 300rpx; */
		display: flex;
		flex-direction: column;
		height: 240rpx;
		margin-top: 50rpx;
		border-radius: 18rpx;
		justify-content: center;
	}
		
	.bg-purple {
		background: #d3dce6;
	}
</style>
